@media only screen and (min-width: 320px){
    html {
        font-size: 20px!important;
    }
}
@media only screen and (min-width: 360px){
    html {
        font-size: 22.5px!important;
    }
}
@media only screen and (min-width: 375px){
    html {
        font-size: 23.4375px!important;
    }
}
@media only screen and (min-width: 414px){
    html {
        font-size: 25.875px!important;
    }
}
@media only screen and (min-width: 768px){
    html {
        font-size: 48px!important;
    }
}
*{
    margin: 0px;padding: 0px;
}
body{overflow: hidden;}
.clear{clear: both;}
.la-page-group{overflow: hidden;}
.la-page{height: 100%;width: 100%;display: none;}
.la-page-current{display: block;}
/**
    颜色区
 */
.bg-red{background-color: #f4645f;}
/**
    控件区
 */
/* 侧栏 */
.la-side-bar{background-color: #222426;z-index: 100;position: fixed;top: 0px;color: white; transition: transform .3s;display: none;}
/* popup */
.la-popup{background: #222426;z-index: 100;position: fixed;bottom:0px;color: white;transition: transform .3s;display: none;}
/* fragment */
.la-fragment{background-color: #222426;z-index: 90;position: fixed;top: 0px;color: white; transition: transform .3s;display: none;}
/* 横向菜单 */
.nav-bar{width: 100%;height: 100%;}
.nav-bar .nav-bar-dl{display: -webkit-box;display: -webkit-flex;display: flex;height: 100%;}
.nav-bar .nav-bar-dl dd{text-align: center;color: white;height: 100%;}
/* header */
.la-header{height:2.833333333333333rem;}
/* footer */
.la-footer{height:2.4rem;width: 100%;}
.la-footer-xy{position: absolute;bottom: 0px;}
/* content */
.la-content{padding: 0.5rem;}
/* tab */
.la-tab{display: none;}
.la-tab-activity{display: block;}